/**
*@file 表单组件集合
*@author qiu(423822728@qq.com)
*/

<template>

    <div class="form-option">
        <label>{{title}}</label>
        <!-- 普通输入框 -->
        <el-input v-if="type === 'text'" :value="value"  @input="handleInput"  ></el-input>

        <!-- 多文本输入框 -->
        <el-input v-else-if="type === 'textarea'" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容"
               :value="value"  @input="handleInput" ></el-input>

    </div>

</template>
<script>
export default {
  props: {
    //类型
    type: {
        type:String,
        default:'text'
    },
    //name 字段
    name: String,
    //值
    value: {
      default: ""
    },
    //标题
    title: String
  },
  methods: {
    handleInput(v) {
      //调用父组件的input 事件,回调参
      this.$emit("input", v);
    }
  }
};
</script>